@use './icons.scss';
@use './basic.scss';

.f-fs1 {
	font-size: 14px;
}

.f-fl {
	float: left;
}

.f-tdn {
	text-decoration: none;
	&:hover {
		text-decoration: none;
	}
}

.f-tid {
	text-indent: -9999px;
}

.f-thide {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.f-fr {
	float: right;
}

.f-brk {
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal;
}

.f-pr {
	position: relative;
	zoom: 1s;
}
.f-fs1 {
	font-size: 14px;
}

.f-fs3{
	font-size: 18px;
}

.f-fw0 {
	font-weight: normal;
}

.f-pa {
	position: absolute;
}
.f-ff0 {
	font-family: Arial, Helvetica, sans-serif;
}
.f-ff1 {
	font-family: simsun, \5b8b\4f53;
}

.f-ff2 {
	font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
}

.f-r-icon-dis-5 {
	display: inline-block;
	width: 10px;
}

.f-img,
.f-blk {
	display: block;
	width: 100%;
	height: 100%;
}

.f-sltnone {
	-webkit-user-select: none;
	user-select: none;
}

.f-hide,
.js-hide {
	display: none !important;
}
.d-flex {
	display: flex;
}

.u-title {
	height: 40px;
	border-bottom: 2px solid #c20c0c;
}

.u-title h3 {
	float: left;
	font-size: 24px;
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #333;
}

ul {
	list-style: none;
}
img {
	border: 0;
}

em,
i {
	font-style: normal;
	text-align: left;
}
body,
textarea,
select,
input,
button {
	font-size: 12px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

body,
html {
	width: 100%;
	height: 100%;
	border: 0;
}

.jc-center {
	justify-content: center;
}

.al-center {
	align-items: center;
}

.w-100 {
	width: 100%;
}

.w-50 {
	width: 50%;
}

body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
header,
menu,
section,
p,
input,
td,
th,
ins {
	margin: 0;
	padding: 0;
}

input:focus,
textarea:focus,
span:focus,
a:focus,
button:focus {
	outline: none;
}

a:hover {
	text-decoration: underline;
}

[hidefocus] {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

.clear-block::after {
	content: '';
	display: block;
	clear: both;
}

body {
	background: #f5f5f5;
	min-width: 982px;
}

a{
	cursor: pointer;
}

// ::-webkit-scrollbar {
// 	display: none;
// }

.g-bd,
.g-bd3,
.g-bd5,
.g-bd2 {
	width: 980px;
	min-height: 700px;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #d3d3d3;
	border-width: 0 1px;
}

.g-sd2 {
	position: relative;
	float: left;
	width: 180px;
}

.g-sd3 {
	float: left;
	width: 240px;
	position: fixed;
}

.g-sd5 {
	position: relative;
	float: right;
	width: 296px;
	padding: 0 1px;
	zoom: 1;
}

.g-mn2 {
	float: right;
	width: 100%;
	margin-left: -181px;
}

.g-mn2c {
	margin-left: 181px;
}

.g-mn3 {
	height: 100%;
	float: right;
	width: 740px;
	padding-bottom: 50px;
}

.g-mn5 {
	float: left;
	width: 100%;
	margin-right: -298px;
}

.g-mn5c {
	margin-right: 300px;
}

.g-wrap {
	padding: 40px;
}

.g-wrap4 {
	padding: 0 10px 40px;
}

.g-wrap8 {
	padding: 20px 30px;
}

.s-fc0,
a.s-fc0:hover {
	color: #000;
}
.s-fc1 {
	color: #333;
}

.s-fc3 {
	color: #666;
}

.s-fc4 {
	color: #999;
}

.s-fc6 {
	color: #c20c0c;
}
.s-fc7 {
	color: #0c73c2;
}
.s-fc8 {
	color: #aeaeae;
}

.u-dtag {
	&,
	.rt {
		position: relative;
		color: #e03f40;
		padding: 0 2px 0 3px;
		background-position: -110px 0;
		line-height: 16px;
		display: inline-block;
		height: 16px;
		font-size: 12px;
	}

	.rt {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 3px;
		background-position: right 0;
	}
}

.m-topmsg {
	display: inline-block;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	box-sizing: border-box;
	background: #c20c0c;
	border-radius: 18px;
	border: 1px solid #242424;
	line-height: 16px;
	font-size: 12px;
	white-space: nowrap;
	color: #fff;
	text-align: center;
}


